<template>
	<view style="width: 100%;height: 100%;">
		<view class="card-title">登录用户</view>
		<view class="card-content1" style="overflow: auto;">
			<view class="userIcon">
				<u-icon name="account-fill" color="" size="90"></u-icon>
				<view class="" style="">
					{{stationList.stationName}}
				</view>
			</view>
			<view class="userList">
				<view class="user" v-for="(item,index2) in stationList.proWorkerShiftList" :key="index2">
					{{item.workerCode}}
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'ScanCardList',
		data() {
			return {
				stationList: {
					stationName: '成型工位',
					proWorkerShiftList: []
				},


			}
		},
		methods: {
		//查找已经刷卡的列表
			getCarList() {
				this.$u.api.workerShiftList({
					status: 'WORKING'
				}).then(res => {
					if (res.code == 200 && res.data.length > 0) {
						console.log('上工的列表', res)
						this.stationList = res.data;
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .card-title {
		line-height: 30px;
		position: relative;
		padding-left: 20px;
		font-size: 14px;
		font-weight: 600;
		font-style: italic;
		color: #ffaa00;
		border-bottom: 1px solid #e4e7ed;
	}

	.card-content1 {
		width: 100%;
		height: 100%;
		margin: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.userIcon {
		width: 40%;
		height: 100%;
		text-align: center;
	}

	.userList {
		width: 40%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		// justify-content: center;
		// align-items: center;
	}

	.user {
		width: 100%;
		height: 10%;
		margin: 6rpx;
		font-size: 25rpx;
	}

	.user:nth-child(1) {
		margin-top: 0;
	}
</style>